﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="frmAdministrarSolicitud.aspx.cs" Inherits="frmAdministrarSolicitud" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <link href="css/controles.css" rel="stylesheet" />
    <link href="css/PopUp/PopUp.css" rel="stylesheet" />
    <link href="css/alerta/css/jquery.toastmessage.css" rel="stylesheet" />
    <link href="css/alerta/css/jquery.alerts.css" rel="stylesheet" />
    <link href="css/jqueryUI/flick/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
       
    <link href="css/tablaBoostrap/boostrap.css" rel="stylesheet" />
    <link href="css/tablaBoostrap/bootstrap-table.css" rel="stylesheet" />

    <script src="script/jquery.js"></script>
    <script src="script/uploadFile/ajaxfileupload.js"></script>
    <script src="script/jquery-ui-1.8.21.custom.min.js"></script>

    <script src="script/Tablas/bootstrap-table.js"></script>
    <script src="script/Autocomplete/jquery.ui.autocomplete.js"></script>
    <script src="script/alerta/jquery.toastmessage.js"></script>
    <script src="script/alerta/jquery.alerts.js"></script>
    <script src="script/alerta/alerta.js"></script>
    <script src="script/util/drag.js"></script>   
    <script src="script/util/util.js"></script>
    
    <style type="text/css">
        body{
            font-family:Tahoma;
        }
    </style>

    <script type="text/javascript">

        $(document).ready(function () {

            $.ajax({
                type: "POST",
                url: "frmAdministrarSolicitud.aspx/listarSolicitud",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,
                success: function (resp) {
                    var resultado = (typeof resp.d) == 'string' ?
                                    eval('(' + resp.d + ')') :
                                       resp.d;

                    var html = "";

                    for (var i = 0; i < resultado.length; i++) {
                        html += "<tr>";
                        html += "<td>";
                        html += resultado[i].NROSOLICITUD;
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i].FECSOL;
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i].USUSOL;
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i];
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i];
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i];
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i];
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i];
                        html += "</td>";
                        html += "<td>";
                        html += resultado[i];
                        html += "</td>";
                        html += "</tr>";
                    }

                    $("#bodyServ").html(html)

                }, error: function (request, status, error) {
                    showFadeError("No se pudo listar los expedientes. Error en conexión." + error);
                }
            });

            $("#tblArchivo").bootstrapTable();
        });

    </script>
</head>
<body>
    

    <input id="h_usuario" type="hidden" runat="server" value="0"/>
    <input id="h_perfil" type="hidden" runat="server" value="0"/>

    <fieldset>
         <legend style="font-size:15px;font-weight:bold;font-family:Tahoma;">Bandeja de Solicitudes</legend>
         
         <table id="tblArchivo" data-pagination="true" data-show-toggle="false" data-select-item-name="toolbar1">
             <thead style="font-size:10px;">
               <tr id="cabServ">
                  <th style="text-align:center;">Solicitud</th>
                  <th style="text-align:center;">Fecha Solicitud</th>
                  <th style="text-align:center;">Usuario</th>
                  <th style="text-align:center;">Solicitud</th>
                  <th style="text-align:center;">Fecha Respuesta</th>
                  <th style="text-align:center;">Estado</th>
                  <th style="text-align:center;">Motivo</th>
                  <th style="text-align:center;">Ver</th>
                  <th style="text-align:center;">Evaluar</th>
               </tr>
             </thead>
             <tbody id="bodyServ" style="font-size:10px;">
             </tbody>
         </table>
         
    </fieldset>


</body>
</html>

